.about_section_pregraph {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: black !important;
    font-size: 20px;
    font-weight: 400px;
}

.table_about {
    width: 40%;
    color: rgb(59, 52, 52);
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.table_about td {
    border: none;
}

/*---------hover-containt-------*/
.profile_hover {
    transform:perspective(650px) translate3d(0px, 0px, -250px) rotateX(30deg) scale(0.9, 0.9);
    border-radius: 20px;


    transition: 0.7s ease-in-out transform;

    &:hover {
        transform: translate3d(0px, 0px, -250px);
    }
}
@media only screen and (max-width: 600px) {
  .profile_hover {
    transform:none;
    border-radius: 20px;


    transition: 0.7s ease-in-out transform;

    &:hover {
        transform: translate3d(0px, 0px, -250px);
    }
}
}
html,
body {
    width: 100%;
    height: auto;
}

body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 1000% 1000%;
    animation: gradient 200s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.hover_div {
    transform:
        perspective(800px) rotateY(25deg) scale(.8) rotateX(20deg);
    filter: blur(-5px);
    opacity: 0.9;
    transition: 0.7s ease all;

    &:hover {
        transform:
            perspective(800px) rotateY(0deg) translateY(-50px) rotateX(10deg) scale(1);
        filter: blur(0);
        opacity: 1;
    }
}

.resume_hover_div {
    transform:
        perspective(900px) rotateX(60deg) scale(0.7);
    box-shadow: 0px 20px 100px #555;
    transition: 0.5s ease all;

    &:hover {
        transform:
            rotate(0deg) scale(1) translateY(10px);
    }
}

.resume_hover {
    transform:
        scale(0.75) rotateY(-30deg) rotateX(45deg) translateZ(4.5rem);
    transform-origin: 50% 100%;
    transform-style: preserve-3d;
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.25);
    transition: 0.6s ease transform;

    &:hover {
        transform: scale(1);
    }

    &::before {
        transform: translateZ(4rem);

        &:hover {
            transform: translateZ(0);
        }
    }

    &::after {
        transform: translateZ(-4rem);

        &:hover {
            transform: translateZ(-1px);
        }
    }
}

/*---------hover-End-----------*/
/*----contact----*/